@charset "utf-8";
@import '../../Sassproject/scss/model-beta';
@import '../../Sassproject/scss/color';
@import "theme";
//$themeColor: #B54009;
//$fontColor: #fff;
//$hoverColor: #eb7036;

.pay{
	width: 1200px;
	margin: 50px auto;
	background-color: #fff;
	.paytitle{
		padding: 10px 10px;
		background-color: #eee;
		font-size: 24px;
		font-weight: lighter;
	}
	.choiceaddr{
		@include comic(0.3);
		transform: scaleY(1);
		&.focus{
			display: none;
		}
	}
	.choicetable{
		display: none;
		&.focus{
			display: block;
		}
		select{
			margin-right: 10px;
		}
	}
	.payitem{
		padding: 0 10px;
		padding-bottom: 25px;
		border-bottom: 1px solid #eee;
		color: $black;
		margin-bottom: 20px;
		.title{
			padding: 8px 0;
			font-size: 18px;
			margin-bottom: 10px;
		}
		.android{
			margin-right: 10px;
		}
		.useraddr{
			padding: 10px;
			background-color: #eee;
			box-shadow: 0 0 6px #ccc;
			margin-bottom: 15px;
		}
		.addr{
			margin: 5px;
			padding: 5px;
			input{
				margin-right: 5px;
			}
			&:hover{
				background-color: #eee;
			}
		}
		.add_addr{
			width: 900px;
			padding: 15px;
			background-color: #eee;
			box-shadow: 0 0 6px #ccc;
			margin-bottom: 5px;
			select{
				margin-right: 10px;
				margin-bottom: 6px;
				padding: 3px;
				height: 27px;
			}
			input{
				height: 27px;
				padding: 3px;
				margin-right: 10px;
				margin-bottom: 6px;
				line-height: 1rem;
				&.detailed_addre{
					width: 480px;
				}
			}
		}
		.pay-type{
			padding: 5px;
			margin: 5px 0;
			input{
				margin-right: 5px;
			}
			&:hover{
				background-color: #eee;
			}
		}
		.list{
			text-align: center;
			thead{
				background-color: #eee;
				.goods{
					width: 340px;
				}
				.price{
					width: 120px;
				}
				.num{
					width: 100px;
				}
				td{
					padding: 10px 0;
					font-size: 13px;
				}
			}
			td{
				line-height: 20px;
				font-size: 13px;
				a{
					color: $themeColor;
				}
			}
			.total{
				.item{
					text-align: right;
				}
				.il{
					width: 150px;
					text-align: left;
					display: inline-block;
				}
				.ir{
					display: inline-block;
					width: 80px;
				}
			}
		}
		.topay{
			margin-top: 25px;
			button{
				margin-right: 25px;
			}
			.alipayform {
				button{
					margin: 0;
					margin-top: 15px;
				}
				position: fixed;
				top: 30%;
				left: 35%;
				width: 300px;
				background-color: #fff;
				box-shadow: 0 0 10px #ccc;
				padding: 15px;
				text-align: center;
				@include comic(0.3);
				transform: scale(0);
				&.focus{
					transform: scale(1);
				}
				.formtitle{
					font-size: 18px;
				}
				.formitem{
					margin-top: 15px;
				}
			}
		}
	}
	
	.block{
		height: 50px;
	}
}